/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    font-size: 75%;
    font-family: Verdana, Tahoma, Arial, "Helvetica Neue" , Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

.left
{
	float:left;
}

.right
{
	float:right;
}

.clear
{
	clear:both;
}

.tooltip-standard
{
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: solid 2px #CCCCCC;
    background:white;
}

#tooltip
{
	display:none;
	width: 600px;
	position:absolute;;
}

#tooltipInner
{
	position: relative;
	z-index: 2;
}

.p-arrowTooltip
{
	position: relative;
	z-index: 3;
}

.p-arrowTooltip-top
{
	top:2px;
}

.p-arrowTooltip-bottom
{
	top:-2px;
}

.arrowTooltip
{
	display:none;	
	border-style:solid;		
	width: 0;
	height: 0;	
}

#tooltipTopLeft
{
	border-color: transparent transparent #0D7CD0 transparent;
	border-width: 0 10px 20px 10px;	
	margin-left:10px;	
}

#tooltipTopRight
{
	border-color: transparent transparent #0D7CD0 transparent;
	border-width: 0 10px 20px 10px;	
	margin-right:10px;	
	float:right;
}

#tooltipBottomLeft
{
	border-color: #CCCCCC transparent transparent transparent;
	border-width: 20px 10px 0px 10px;	
	margin-left:10px;		
}

#tooltipBottomRight
{
	border-color: #CCCCCC transparent transparent transparent;
	border-width: 20px 10px 0px 10px;	
	margin-right:10px;	
	float:right;	
}

#suggestion
{
	visibility: hidden;
	width: 700px;
	position:fixed;
}

.tooltip-standard .tooltipHeader
{
    color: White;
}

.tooltip-standard .toolbar-close
{
    background-image: url(../images/close.png);
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    background-position: 0% 0%;
    background-repeat: no-repeat no-repeat;
    width:19px;
    height:15px;
    float:right;
    cursor:pointer;
}

.tooltip-standard .toolbar-close:hover
{
    background-image: url(../images/close_hover.png);
}

.tooltip-standard .tooltip-content
{
    padding:6px 12px;    
}

.tooltip-standard .link
{
    margin-top:12px 0px 3px 0px;    
}

.tooltip-standard .toolbar
{
    background-color: #0D7CD0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-weight: bold;
    padding: 5px;
}


#suggestionContent
{
	width:520px;
	overflow: auto;	
	height:250px;
	color:black;		
}

.suggestionFunction
{
	width:150px;
	text-align: right;
}

.suggestionFunction input
{	
	width:100%;
}

#addLineAfter, #reduceLineBefore, #reduceLineAfter
{
	margin-top:6px;
}

#copySugguestion
{
	margin-top: 24px;
}

.sugguestion-format
{
	margin-top:3px;
	border-top:solid 1px #CCCCCC;
	padding-top:3px;
	font-size:90%;	
}

#wordsSuggestion
{
	margin-right:12px;
}

.text-found
{
	color: #0D7CD0;
	font-weight:bold;
}

#quoteFormats input
{
	margin-left:5px;
}

#quotePage
{
	width:40px;
	background-color: yellow;
}

.option-format
{
	color:#0D7CD0;
	font-weight:bold;
}

#tooltipTop {
	width:0; 
	height:0; 
	border-left: 20px solid transparent; 
	border-right: 20px solid transparent;
	border-top: 30px solid red;
	border-bottom: 0;
}